今天要介紹Boostrap 表格

在嵌入Bootstrap套件後，只要在<table>標籤中寫入class="table"就可以開始引用Bootstrap的語法，以下介紹其表格樣式 (在class屬性加上)：

• table設定一般的表格 (呈現其預設的樣式)。
• table-striped設定表格條紋 (單雙列會套用不同色彩)，有益於瀏覽者閱讀。
• table-bordered設定直向的表格邊框 (原本預設只有橫向的邊框)。
• table-hover設定滑鼠游標移至該表格列會呈現不同的顏色效果。

接著是Boostrap導覽列

嵌入Bootstrap套件後，在<ol>或<ul>項目清單中寫入class=”nav”，就可以引用Bootstrap的語法。
以下介紹其導覽列的樣式：

• 活頁籤
  • nav-tabs 設定呈現活頁籤的樣式，在<ul>標籤的class屬性中加入。
  • nav-item 設定呈現出活頁籤的各層架構，在<li>標籤的class屬性中加入。
  • nav-link設定導覽列內容的超連結，在<a>標籤中的class屬性中加入。